﻿@using MVCMongo.Filters
@using MVCMongo.Services
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <title>Breaking Hub- Dashboard</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/content/UserProfile/css/bootstrap.min.css">
    <!-- Bootstrap responsive -->
    <link rel="stylesheet" href="/content/UserProfile/css/bootstrap-responsive.min.css">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/jquery-ui/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/jquery-ui/smoothness/jquery.ui.theme.css">
    <!-- PageGuide -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/pageguide/pageguide.css">
    <!-- Fullcalendar -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/fullcalendar/fullcalendar.css">
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/fullcalendar/fullcalendar.print.css" media="print">
    <!-- chosen -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/chosen/chosen.css">
    <!-- select2 -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/select2/select2.css">
    <!-- icheck -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/icheck/all.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="/content/UserProfile/css/style.css">
    <!-- Color CSS -->
    <link rel="stylesheet" href="/content/UserProfile/css/themes.css">
    
    <link rel="stylesheet" href="/content/UserProfile/CommentBox.css">
    <!-- jQuery -->
    @*<script src="/content/UserProfile/Js/jquery.min.js"></script>*@
    <script src="~/Scripts/jquery-1.7.min.js"></script>


    <!-- Nice Scroll -->
    <script src="/content/UserProfile/Js/plugins/nicescroll/jquery.nicescroll.min.js"></script>
    <!-- jQuery UI -->
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.core.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.widget.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.mouse.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.draggable.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.resizable.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/jquery-ui/jquery.ui.sortable.min.js"></script>
    <!-- Touch enable for jquery UI -->
    <script src="/content/UserProfile/Js/plugins/touch-punch/jquery.touch-punch.min.js"></script>
    <!-- slimScroll -->
    <script src="/content/UserProfile/Js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- Bootstrap -->
    <script src="/content/UserProfile/Js/bootstrap.min.js"></script>
    <!-- vmap -->
    <script src="/content/UserProfile/Js/plugins/vmap/jquery.vmap.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/vmap/jquery.vmap.world.js"></script>
    <script src="/content/UserProfile/Js/plugins/vmap/jquery.vmap.sampledata.js"></script>
    <!-- Bootbox -->
    <script src="/content/UserProfile/Js/plugins/bootbox/jquery.bootbox.js"></script>
    <!-- Flot -->
    <script src="/content/UserProfile/Js/plugins/flot/jquery.flot.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/flot/jquery.flot.bar.order.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/flot/jquery.flot.pie.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/flot/jquery.flot.resize.min.js"></script>
    <!-- imagesLoaded -->
    <script src="/content/UserProfile/Js/plugins/imagesLoaded/jquery.imagesloaded.min.js"></script>
    <!-- PageGuide -->
    <script src="/content/UserProfile/Js/plugins/pageguide/jquery.pageguide.js"></script>
    <!-- FullCalendar -->
    <script src="/content/UserProfile/Js/plugins/fullcalendar/fullcalendar.min.js"></script>
    <!-- Chosen -->
    <script src="/content/UserProfile/Js/plugins/chosen/chosen.jquery.min.js"></script>
    <!-- select2 -->
    <script src="/content/UserProfile/Js/plugins/select2/select2.min.js"></script>
    <!-- icheck -->
    <script src="/content/UserProfile/Js/plugins/icheck/jquery.icheck.min.js"></script>
    
    <script src="/content/UserProfile/Js/plugins/xeditable/bootstrap-editable.min.js"></script>
    <script src="/content/UserProfile/Js/plugins/xeditable/AddEducation.js"></script>
    <!-- colorbox -->
    <link rel="stylesheet" href="/content/UserProfile/css/plugins/colorbox/colorbox.css">
    <!-- colorbox -->
    <script src="/content/UserProfile/js/plugins/colorbox/jquery.colorbox-min.js"></script>
    <script src="/content/UserProfile/js/plugins/masonry/jquery.masonry.min.js"></script>
    <!-- imagesLoaded -->
    <script src="/content/UserProfile/Js/plugins/imagesLoaded/jquery.imagesloaded.min.js"></script>
    <!-- Theme framework -->
    <script src="/content/UserProfile/Js/eakroko.min.js"></script>
    <!-- Theme scripts -->
    <script src="/content/UserProfile/Js/application.min.js"></script>
    <!-- Just for demonstration -->
    <script src="/content/UserProfile/Js/demonstration.min.js"></script>
    <script src="/Scripts/jquery.signalR-2.0.2.js"></script>
    <script src="/signalr/hubs" type="text/javascript"></script>
    <script src="/ChatJs/Scripts/jquery.chatjs.signalradapter.js" type="text/javascript"></script>

    <script src="/ChatJs/Scripts/jquery.autosize.min.js" type="text/javascript"></script>
    <script src="/ChatJs/Scripts/jquery.chatjs.js" type="text/javascript"></script>
    <script src="/Scripts/scripts.js" type="text/javascript"></script>
    @*<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>*@
    <!--Styles-->
   
    <link rel="stylesheet" type="text/css" href="/ChatJs/Styles/jquery.chatjs.css" />
    <!--[if lte IE 9]>
        <script src="/content/UserProfile/Js/plugins/placeholder/jquery.placeholder.min.js"></script>
        <script>
            $(document).ready(function() {
                $('input, textarea').placeholder();
            });
        </script>
    <![endif]-->
    <!-- Favicon -->
    <style>
        .underline_text {
            border-bottom: 1px solid #DDDDDD;
        }
    </style>
    <link rel="shortcut icon" href="/content/UserProfile/img/favicon.ico" />
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="/content/UserProfile/img/apple-touch-icon-precomposed.png" />
</head>
<body>
    @{
        var userId = WebSecurity.CurrentUserId;
    }
   
    <div id="navigation" class="navbar-fixed-top">
        <div class="container-fluid">
            <a href="#" id="brand">Breaking Hub</a>
            <a href="#" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation"><i class="icon-reorder"></i></a>
            <ul class='main-nav'>
                <li>
                    @using (Html.BeginForm("Search", "Profile", FormMethod.Get, new { @class = "search-form" }))
                    {
                        <div class="search-pane span6">
                            <input type="text" name="search" placeholder="Search here...">
                            <button type="submit"><i class="icon-search"></i></button>
                        </div>
                    }

                </li>
            </ul>
            <div class="user" id="NotificationArea">

                @Html.Partial("~/Views/Profile/_partialNotification.cshtml")
                <div class="dropdown">

                    <a href="@Url.Action("Index","Profile")">
                        @WebSecurity.CurrentUserName
                       
                        @{
                            var imageUrl = UtilityService.GetCurrentUserImage();
                        }
                        @if (!string.IsNullOrEmpty(imageUrl))
                        {
                            <img src="/content/UserProfile/User/@imageUrl" style="width: 27px; height: 27px" alt=""/>
                        }
                        else
                        {

                            <img src="~/Content/UserProfile/img/NoImage.jpg" style="width: 27px; height: 27px" />
                        }
                    </a>


                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid nav-fixed" id="content">


        <div id="left">
            

            <div>
                <ul class="messages">
                    <li>
                        <div class="image">
                            @if (!string.IsNullOrEmpty(imageUrl))
                            {
                                <img src="/content/UserProfile/User/@imageUrl" alt="" />
                            }
                            else
                            {

                                <img src="~/Content/UserProfile/img/NoImage.jpg" />
                            }


                        </div>
                        <div class="message" style="padding:0;margin-right:0">

                            <a href="@Url.Action("Index","Profile")">
                                <span class="name"> <small>@UtilityService.GetCurrentUserFullName()</small></span>
                            </a>
                            <a href="@Url.Action("UserProfileEdit","Profile")"><p><small>Edit Profile</small> </p></a>


                        </div>
                    </li>



                </ul>

            </div>

            @Html.Partial("_partialSubMenu")
        </div>
        <div id="main">
            @RenderBody()

        </div>

    </div>

</body>
</html>
